<template>
    <h1> V-show和v-If的区别</h1>
    <!--
    V-SHOW  会在css样式中隐藏
    v-if 会在css dom中删除掉当前标签
    -->
    <h2 v-if="!isshow">v-if的盒子模型展示</h2>
    <h2 v-show="!isshow">v-show的盒子模型展示</h2>
    <p v-if=" age >18">成年了 可以去网咖</p>
    <p v-else-if="age >16">我已到法定年龄，可以下地干活了</p>
    <p v-else> 未成年回家学习吧</p>
</template>

<script setup>
import {ref} from 'vue'
const isshow = ref(false)
const age = ref(17)
</script>

<style lang="scss" scoped>

</style>